<style scoped>
.hui /deep/ .ivu-card-body{
    padding:0.5vw;
}
.hui /deep/ .ivu-card-bordered{
    border-top: none;
    border-left:none;
    border-right: none;
    border-bottom: 1px solid #dcdee2;
    border-color:#e8eaec
}
.hui /deep/ .ivu-card{
border-radius:0;
}
</style>
<template>
    <div class="hui" style="margin:0 auto;width: 100%;">
        <Card style="margin-top:0.05vw;">
            <Row>
                <i-col span="3">
                    <img style="width: 3.5vw;margin-top: 0.1vw;margin-left:0.8vw; border-radius: 3vw;border:#2b85e4 2px solid;" src="../../assets/0461.png">
                </i-col>
                <i-col span="13" style="margin-top:0.4vw">
                    <p style="margin-left: 0.5vw; margin-top: 0.1vw;font-size: 1.1vw;font-weight: bold;">系统消息</p>
                    <p style="margin-left: 0.5vw; margin-top: 0.2vw;font-size: 0.5vw;">欢迎使用iSee~</p>
                </i-col>
                <i-col span="8" style="margin-top:0.8vw">
                    <Button type="error" style="width:5vw;margin-left:5.5vw">删 除</Button>
                </i-col>
            </Row>
        </Card>

         <Card  style="margin-top:0.05vw;">
            <Row>
                <i-col span="3">
                    <img style="width: 3.5vw;margin-top: 0.1vw;margin-left:0.8vw; border-radius: 3vw;border:#2b85e4 2px solid;" src="../../assets/friend.jpg">
                </i-col>
                <i-col span="13" style="margin-top:0.4vw">
                    <p style="margin-left: 0.5vw; margin-top: 0.1vw;font-size: 1.1vw;font-weight: bold;">好友推荐</p>
                    <p style="margin-left: 0.5vw; margin-top: 0.2vw;font-size: 0.5vw;">根据你最近看图的习惯，为你推荐新的好朋友，xxxx</p>
                </i-col>
                <i-col span="8" style="margin-top:0.8vw">
                    <Button type="primary" style="width:5vw">访 问</Button>
                    <Button type="error" style="width:5vw;margin-left:0.5vw">删 除</Button>
                </i-col>
            </Row>
        </Card>
    </div>
</template>
<script>
export default {
  data() {
    return {
    }
  }
}
</script>

